/*-------------------------------
	Table Styling
-------------------------------*/
table {

    th {
        font-family: 'ProximaNova';
        font-size: 14px;
        letter-spacing: 0.2px;
        color: #bbbbbb;
        padding: 0 20px;
    }


    tr {
        height: 65px;
        &:nth-child(even) {
            background-color: #f9f9f9;
        }
    }
    thead {
        background-color: #f9f9f9;

        th{
            color: $warm-grey;
        }
    }



    td {
        padding: 0 20px;
        font-family: 'ProximaNova';
        font-size: 14px;
        letter-spacing: 0.2px;
        color: $black;
        a{
            text-decoration: underline;
            color: $azure;
            @each $key, $value in $applications {
                @at-root body.#{$key} #{&} {
                    color: $value;
                }
            }
        }
    }

    thead.table-header--white {
        background-color:#fff;

        th {
            position:relative;

            &:after {
                position:absolute;
                content:'';
                bottom:0;
                left:0;
                right:0;
                border-bottom:1px solid #ddd;
            }

            &:first-of-type {
                &:after {
                    left:20px;
                }
            }

            &:last-of-type {
                &:after {
                    right:30px;
                }
            }
        }
    }
}
